<template>
    <div>
        <pageheader ></pageheader>
        <section style="display:flex">
            <navleft></navleft>
            <div class="main" style="flex:1">
                <el-breadcrumb separator="/">
                    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                    <el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item>
                    <el-breadcrumb-item>活动列表</el-breadcrumb-item>
                    <el-breadcrumb-item>活动详情</el-breadcrumb-item>
                </el-breadcrumb>
                <router-view></router-view>
            </div>
        </section>
    </div>
</template>

<script>
    import pageheader from '../components/pageheader'
    import navleft from '../components/navleft'
    export default {
        name: "app",
        components: {
            pageheader,
            navleft
        },
        data() {
            return {
                // user:'请登录'
            };
        },
        created(){
            //   this.user=this.$route.params.user
        },
        methods: {
            handleOpen(key, keyPath) {
                window.console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                window.console.log(key, keyPath);
            },
            handleSelect(key, keyPath) {
                window.console.log(key, keyPath);
            },
        }
    };
</script>

<style scoped>

    * {
        margin: 0;
        padding: 0;
    }
    .header-con {
        padding-left: 10px;
        background: #545c64;
    }
    .header-con-cms {
        color: #ffffff;
    }
    .aside-con {
        width: 200px;
        background: #545c64;
        /*border: 1px solid red;*/
        height: calc(100vh - 60px);
    }
    .aside-con.active {
        width: 64px;
    }
    .el-menu-vertical-demo:not(.el-menu--collapse) {
        width: 200px;
        min-height: 400px;
    }
</style>